<!DOCTYPE html>
<html lang="en">
<head>
    <title>three</title>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="css/demo.css"/>
    <link href="css/bootstrap.css" rel="stylesheet"/>
    <link href="css/font-awesome.min.css" rel="stylesheet"/>
    <!--<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">-->

    <link rel="stylesheet" type="text/css" href="css/common.css"/>
    <script type="text/javascript" src="js/jquery-1.9.1.js" ></script>
    <script type="text/javascript" src="js/date.js" ></script>
    <script type="text/javascript" src="js/iscroll.js" ></script>
    <script type="text/javascript">
        $(function(){
            $('#search5').date();
            $('#search6').date();
            $('#endTime').date({theme:"datetime"});
        });
    </script>

</head>
<body>
<div class="container">

    <!--进度条-->
    <div class="progress_bar">
        <div class="pro-bar">
            <span class="progress-bar-inner" style="background-color: #ed687c; width: 75%;" data-value="75"
                  data-percentage-value="75"></span>
        </div>
    </div>
    <a href="two.html"><span class="dd fa fa-arrow-left fa-2x"></span></a>
    <a href="four.html"><span class="ff fa fa-arrow-right fa-2x"></span></a>
    <!--搜索框-->
    <div class="allsearch col-l-12">
        <form action="#" id="search_box" class="col-md-3">
            <input type="text" id="search" name="search" placeholder=" 按性别搜索......" autocomplete="off"/>
            <!--<button type="submit" class="search_btn"><img src="images/search_icon.png" title="Search"/></button>-->
        </form>
        <form action="#" id="search_box2" class="col-md-3">
            <input type="text" id="search2" name="search" placeholder=" 按应聘职位搜索......" autocomplete="off"/>
            <!--<button type="submit" class="search_btn"><img src="images/search_icon.png" title="Search"/></button>-->
        </form>
        <form action="#" id="search_box3" class="col-md-3">
            <input type="text" id="search3" name="search" placeholder=" 按电话搜索......" autocomplete="off"/>
            <!--<button type="submit" class="search_btn"><img src="images/search_icon.png" title="Search"/></button>-->
        </form>
        <form action="#" id="search_box4" class="col-md-3">
            <input type="text" id="search4" name="search" placeholder=" 按结果搜索......" autocomplete="off"/>
            <!--<button type="submit" class="search_btn"><img src="images/search_icon.png" title="Search"/></button>-->
        </form>

        <form action="#" id="search_box5" class="col-md-5">
            <input  id="search5" name="search" placeholder=" 按开始时间搜索......"/>
            <!--<button type="submit" class="search_btn"><img src="images/search_icon.png" title="Search"/></button>-->
        </form>
        <form action="#" id="search_box6" class="col-md-6">
            <input  id="search6" name="search" placeholder=" 按结束时间搜索......"/>
            <button type="submit" class="search_btn"><img src="images/search_icon.png" title="Search"/></button>
        </form>
    </div>
    <div id="datePlugin"></div>
    <div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
    </div>

    <div class="well">

        <table class="table table-hover" id="now">
            <thead>
            <tr>
                <th class="v">ID</th>
                <th class="vv">姓名</th>
                <th class="vv">应聘职位</th>
                <th class="v">性别</th>
                <th class="v">年龄</th>
                <th class="vv">生日</th>
                <th class="vv">电话</th>
                <th class="vv">学历</th>
                <th class="vv">工作经验</th>
                <th class="v">颜值</th>
            </tr>
            </thead>

            <tbody>
            <tr>
                <td>1</td>
                <td>Jessica</td>
                <td>Java实习生</td>
                <td>女</td>
                <td>28</td>
                <td>19890418</td>
                <td>18300009999</td>
                <td>本科</td>
                <td>无</td>
                <td>合格</td>
                <td><a href="#"><i class="fa fa-pencil"></i></a></td>
            </tr>

            <tr>
                <td>1</td>
                <td>Jessica</td>
                <td>Java实习生</td>
                <td>女</td>
                <td>28</td>
                <td>19890418</td>
                <td>18300009999</td>
                <td>本科</td>
                <td>无</td>
                <td>合格</td>
                <td><a href="#"><i class="fa fa-pencil"></i></a></td>
            </tr>

            <tr>
                <td>1</td>
                <td>Jessica</td>
                <td>Java实习生</td>
                <td>女</td>
                <td>28</td>
                <td>19890418</td>
                <td>18300009999</td>
                <td>本科</td>
                <td>无</td>
                <td>合格</td>
                <td><a href="#"><i class="fa fa-pencil"></i></a></td>
            </tr>

            <tr>
                <td>1</td>
                <td>Jessica</td>
                <td>Java实习生</td>
                <td>女</td>
                <td>28</td>
                <td>19890418</td>
                <td>18300009999</td>
                <td>本科</td>
                <td>无</td>
                <td>合格</td>
                <td><a href="#"><i class="fa fa-pencil"></i></a></td>
            </tr>

            <tr>
                <td>1</td>
                <td>Jessica</td>
                <td>Java实习生</td>
                <td>女</td>
                <td>28</td>
                <td>19890418</td>
                <td>18300009999</td>
                <td>本科</td>
                <td>无</td>
                <td>合格</td>
                <td><a href="#"><i class="fa fa-pencil"></i></a></td>
            </tr>

            <tr>
                <td>1</td>
                <td>Jessica</td>
                <td>Java实习生</td>
                <td>女</td>
                <td>28</td>
                <td>19890418</td>
                <td>18300009999</td>
                <td>本科</td>
                <td>无</td>
                <td>合格</td>
                <td><a href="#"><i class="fa fa-pencil"></i></a></td>
            </tr>

            <tr>
                <td>1</td>
                <td>Jessica</td>
                <td>Java实习生</td>
                <td>女</td>
                <td>28</td>
                <td>19890418</td>
                <td>18300009999</td>
                <td>本科</td>
                <td>无</td>
                <td>合格</td>
                <td><a href="#"><i class="fa fa-pencil"></i></a></td>
            </tr>

            <tr>
                <td>1</td>
                <td>Jessica</td>
                <td>Java实习生</td>
                <td>女</td>
                <td>28</td>
                <td>19890418</td>
                <td>18300009999</td>
                <td>本科</td>
                <td>无</td>
                <td>合格</td>
                <td><a href="#"><i class="fa fa-pencil"></i></a></td>
            </tr>

            <tr>
                <td>1</td>
                <td>Jessica</td>
                <td>Java实习生</td>
                <td>女</td>
                <td>28</td>
                <td>19890418</td>
                <td>18300009999</td>
                <td>本科</td>
                <td>无</td>
                <td>合格</td>
                <td><a href="#"><i class="fa fa-pencil"></i></a></td>
            </tr>

            <tr>
                <td>1</td>
                <td>Jessica</td>
                <td>Java实习生</td>
                <td>女</td>
                <td>28</td>
                <td>19890418</td>
                <td>18300009999</td>
                <td>本科</td>
                <td>无</td>
                <td>合格</td>
                <td><a href="#"><span class="fa fa-pencil"></span></a></td>
            </tr>


            </tbody>
        </table>
    </div>
    <!--分页符-->
    <ul class="pagination">
        <li><a href="#">&laquo;</a></li>
        <li class="active"><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
        <li><a href="#">4</a></li>
        <li><a href="#">5</a></li>
        <li><a href="#">&raquo;</a></li>
    </ul>


</div>

</body>
</html>

